$top-banner-height = 68px
$header-banner-height = 32px

body,html
	line-height 1
	font-weight 200
	font-family 'PingFang SC','STHetTiSC-Light','Helvetica-Light',arial,sans-serif
	height 100%
	width 100%
	background-color #e8e8ea
.clearfix
	display inline-block
	&:after
		display block
		content '.'
		height 0
		line-height 0
		clear both
		visibility hidden
.btn
	display block
	margin 20px auto
	padding 10px 40px
	font-size 18px
	border 1px solid #dcdcdc
	background-color #ffffff
	border-radius 21px
	outline none
.body-container
	position relative
	margin 0 auto
	width 100%
	height 100%
	max-width 640px
	padding-top $top-banner-height + 10px
	box-sizing border-box
	.layout-mask
		position: absolute
		top 0px
		left 0px
		right 0px
		bottom 0px
		width 100%
		height 100%
		background-color rgba(0, 0, 0, 0.3)
	.top-banner
		position absolute
		top 0px
		width 100%
		padding 20px 15px
		margin-bottom 10px
		background-color #ffffff
		box-sizing border-box
		.banner-title, .location-wrapper
			font-size 16px
			height $header-banner-height
			line-height $header-banner-height
			overflow hidden
			white-space nowrap
			text-overflow ellipsis
			.location-label
				float left
				display block
				margin-right 12px
			.location-addr-wrapper
				float left
				.location-list
					float left
					display block
					width 158px
					height $header-banner-height - 2px
					line-height $header-banner-height
					border 1px solid #dbdbdb
					padding 0px 10px
					overflow hidden
					white-space nowrap
					text-overflow ellipsis
				.dropdown-arrow
					float left
					display block
					height $header-banner-height
					width $header-banner-height
					padding-top 10px
					line-height $header-banner-height
					border 1px solid #dbdbdb
					border-left none
					text-align center
					box-sizing border-box
					.arrow-down
						width 0
						height 0
						border-top 5px solid #535353
						border-left 5px solid transparent
						border-right 5px solid transparent
	.content-wrapper
		position relative
		display block
		width 100%
		height 100%	
		background-color #ffffff
		padding-top 41px
		box-sizing border-box
		
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5)
	.border-1px
		&::after
			-webkit-transform scaleY(0.7)
			transform scaleY(0.7)
			
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2)
	.border-1px
		&::after
			-webkit-transform scaleY(0.5)
			transform scaleY(0.5)